<template>
	<div>
		 <van-nav-bar
		  :title="title"
		  :fixed="true"
		/>
		<div id="container">
		    <router-view @toparent="getval"></router-view>
		</div>
		
		<van-search v-model="value" placeholder="COACH新品" disabled="true" right-icon="scan" class="classify-search" @click="search">
		</van-search>
		
			<van-sidebar v-model="activeKey" class="title">
			 <van-sidebar-item title="精选大牌" to="/classifySift" />
			 <van-sidebar-item title="品牌"  to="/classifyBrand" />
			 <van-sidebar-item title="女士" to="/classifyMadam" />
			 <van-sidebar-item title="男士" to="/classifyMan" />
			 <van-sidebar-item title="美妆" to="/classifyBeauty" />
			 <van-sidebar-item title="家居" to="/classifyHome" />
			 <van-sidebar-item title="婴童" to="/classifyBaby" />
			</van-sidebar>
		
			
		
	</div>
	
</template>

<script>
	export default{
		name:"Classify",
		data(){
			return{
				value:"",
				activeKey: 0,
				 active:0,
				title:"首页"
			}
		},
		

		methods:{
			search() {
				this.$router.push("/search")
			},
			 getval(msg) {
			  this.title=msg
			}
		}

	}
	
</script>

<style scoped="">
	.classify-search{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99;
		height: 45px;
		
	}
	.title{
		position: fixed;
		/* margin-top: 60px; */
	}
	#container{
		position: absolute;
		width: 250px;
		padding-left: 100px;
		
	}
</style>
